<template>
	<view class="nothing-tips">
		<view class="nothing-tips-txt">{{text}}</view>
		<view class="nothing-tips-btn" @click="goUrl" v-if="btn"><text>{{btnTxt}}</text></view>
	</view>
</template>

<script>
	export default {
		props: {
			text: String,
			btnTxt: String,
			btn: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			goUrl(){
				this.$emit('goUrl')
			}
		}
	}
</script>

<style lang="scss">
	.nothing-tips{
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		.nothing-tips-txt{
			white-space: nowrap;
			margin-bottom: 60rpx;
			font-size: 30rpx;
		}
		.nothing-tips-btn{
			text{
				display: inline-block;
				height: 90rpx;
				line-height: 90rpx;
				color: #FFF;
				background:rgba(32,115,245,1);
				border-radius: 45rpx;
				padding: 0 100rpx;
			}
		}
	}
</style>